<template>
  <div>
    <el-button-group>
      <el-button type="primary" size="small">查看</el-button>
      <el-button type="primary" size="small">删除</el-button>
    </el-button-group>

    <div class="infinite-list-wrapper" style="overflow: auto">
      <ul class="list">
        <li
          v-for="(item, index) in list"
          :key="index"
          class="list-item"
          @click="clickfunc"
        >
          <div class="list_item_first">{{ index + 1 }}</div>
          <div class="list_item_photo">
            <img :src="item.photo" />
          </div>
          <div
            class="list_item_name"
          >
            {{ item.name }}
          </div>

          <div class="list_item_num">
            总分:&nbsp;&nbsp;&nbsp;&nbsp;{{ item.totalNum }}
          </div>
        </li>
      </ul>
    </div>
    <el-pagination layout="prev, pager, next" :total="50"> </el-pagination>
  </div>
</template>

<script>
import tabTable from "@/components/tab-table/tab-table.vue";
export default {
  name: "suggestions",
  components: {
    tabTable,
  },
  data() {
    return {
      tabList: [],
      activeName: "",
      list: [],
    };
  },
  methods: {
    functab(data) {
      console.log(data);
    },
  },
};
</script>

<style>
</style>
